<template>
    <div>
        <div><input type="text"> <van-icon name="chat-o" @click="goSearch" /></div>
     
        <ROUTERLINK></ROUTERLINK>
        <transition name="fade">
             <router-view></router-view>
        </transition>
       
    </div>
</template>

<script>
import ROUTERLINK from "../../components/routerlink.vue"
export default {
        components:{
            ROUTERLINK
        },
        methods:{
            goSearch(){
                this.$router.push("/shopcar")
            }
        }
}
</script>

<style scoped>
   .fade-enter-active, .fade-leave-active {
     transition: all .5s;
    }
.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
    transform: translateX(-100%) ;
}
</style>